.the-header{
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: var(--nav-height);
  border-bottom: 1px solid #e0e5ec;
  padding: var(--padding);

  .logo{
    width: 200px;
    cursor: pointer;
  }

  .nav-item{
    display: flex;
    align-items: center;
    .login{
      margin-left: 22px;
    }
  }
  
  color: #fff;
}

.the-top-gome{
  // margin-left: 22px;
  display: flex;
  align-items: center;
  .login{
    margin-right: 8px;
    cursor: pointer;
  }
  .login-icon, .logout-icon{
    padding: 0 0 0 12px;
    cursor: pointer;
  }
  .logout-icon{
    margin-top: 2px;
  }
  .devider{
    height: 26px;
    width: 2px;
    border-left: 2px solid #ccc;
    margin: 0 10px 0 12px;
  }
}